<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="css/base.css" rel="stylesheet" />
    <style>
        .button{background-image: url("images/go.gif");width: 33px;height: 30px;}
    </style>
</head>
<body>
    <div id="page">
        <div id="header">
            <div id="menu">
                <div id="corpTitle">&nbsp;美食前线</div>
                <div id="fastNav">
                    <ul>
                        <li><a href="IndexServlet">首页</a></li>
                        <li><a href="ProductListServlet">产品展示</a></li>
                        <li><a href="NewsServlet">新闻动态</a></li>
                        <li><a href="MessageListServlet">留言板</a></li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div id="logo"></div>
            <div class="clear"></div>
        </div>
        <div id="main">
            <div id="nav">
                <div class="search">
                    产品搜索
                </div>
                <div class="searchTitle">
                <form action="ProductListServlet" method="get">
                    <table>
                        <tr>
                            <td><input type="text" class="title" name="name" value="${name }"/></td>
                            <td><input type="submit" class="button" value=""/></td>
                        </tr>
                    </table>
                    </form>
                </div>
                <div class="category">
                   <ul>
                       <c:forEach items="${clist }" var="c">
                       <li><a href="ProductListServlet?cid=${c.id }">${c.name }</a></li>
                       </c:forEach>
                   </ul>                
                </div>
                <div class="onlineService">在线客服</div>
                <hr />
                <a><span class="searchOnline">&nbsp;</span>在线客服一</a>
                <a><span class="searchOnline">&nbsp;</span>在线客服二</a>
                <hr />
                <div class="worktime">
                    <span class="worker-header-img">&nbsp;</span>
                    <span><b>工作时间</b></span>
                </div>
                <div class="serOnline-list-h "><span>周一至周五 ：8:30-17:30</span></div>
                <div class="serOnline-list-h lastData"><span>周六至周日 ：9:00-17:00</span></div>
                <hr />
                <div class="serOnline-contact"><div class="marBL-10"><span class="contact-header-img">&nbsp;</span><span style="font-size:15px;"><b>联系方式</b></span></div><div class="serOnline-list-h"><span>陈经理：13000000000</span></div></div>
                <div class="clear"></div>
                 
            </div>
            <div id="container">
                <!--内容-->
               <div class="productTitle">
                   <span class="list">产品列表</span>
                   <hr class="solid"/>
                   <div><span>当前条件:<span class="main"> 
                   ${name} <a href="ProductListServlet">[删除]</a>
                   <hr> 
               </span></span></div></div>
                
               
                <div class="productList">
                   <c:forEach items="${foods }" var="f">
                   <div class="productDetail">
                        <a href="DetailsServlet?id=${f.id }"><img src="images/menus/${f.englishName }.jpg" /></a><br />
                        <span>${f.chineseName }</span>
                    </div>
                   </c:forEach>
                     <div class="clear"></div>
                </div>         
                <div class="pager">
                <c:if test="${pageNum>1 }">
                <a href="ProductListServlet?pageNum=${pageNum-1 }">上一页</a>&nbsp;&nbsp;
                </c:if>
                <c:if test="${pageNum<totalPage }">
                <a href="ProductListServlet?pageNum=${pageNum+1 }">下一页</a>
                </c:if>
                </div>
                
            </div>
            <div class="clear"></div>
        </div>
        <div id="footer">
            <p><a>首页|</a><a>关于我们|</a><a>联系我们</a></p>
            <p>@©2016 网站样板-餐饮 版权所有</p>
            <p>技术支持：广州广力 | 手机版 | <a href="login.jsp">管理登录</a></p>
        </div>
    </div>
</body>
</html>


</html>
